<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="Pragma"  content="no-cache">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link href="css/SYSFrame.css" rel="stylesheet" type="text/css" />
    <link href="css/module.css" rel="stylesheet" type="text/css" />
    <link href="css/loaders.css" rel="stylesheet" type="text/css" />
    <link href="skin/black/skin.css" rel="stylesheet" type="text/css" id="skin" />
    <link href="font/iconfont.css" rel="stylesheet" type="text/css" />
    <title>系统框架首页</title>
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.cookie.js" type="text/javascript"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="js/SYSFrame.js" type="text/javascript"></script>
    <script src="js/layer/layer.js" type="text/javascript"></script>
    <script src="js/sysbox.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js" type="text/javascript"></script>
    <script src="js/css3-mediaqueries.js"  type="text/javascript"></script>
    <![endif]-->
</head>
<body>
<div class="" id="situation">
    <!--顶部样式-->
    <div class="bk-herder relative header-section">
        <div class="bk-herder-logo">后台管理系统通用框架</div>
        <div class="operate-header">
            <div class="" id="dropdown_menu">
                <ul class="clearfix">
                    <li></li>
                </ul>
            </div>
            <div class="bk-settings-section">
                <div class="headerUser">
                    <a class="user-info clickBombbox colorF" href="javascript:void(0)" data-position="bottom" data-type="arrow"> 欢迎你,超级管理员 <i class="iconfont">&#xe630</i></a>
                    <div class="Bombbox">
                        <ul class="usercz menulist">
                            <li class="column-name">
                                <a href="javascript:void(0)" title="个人信息" class="menuUl_title" name="administrators.html" data-id="111"><i class="iconfont icon-guanliyuan"></i>个人信息</a>
                            </li>
                            <li class="column-name">
                                <a href="javascript:void(0)" title="系统设置" class="menuUl_title" name="system_info.html" data-id="46"><i class="iconfont icon-system-copy"></i>系统设置</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="" onclick="dropout()"><i class="iconfont ">&#xe64f</i>退出登录</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="" id='Lock' onclick="Lockscreen()"><i class="iconfont">&#xe612</i>锁屏</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="skin-section">
                    <a href="javascript:void(0)" class="skin-btn clickBombbox iconfont icon-pifushezhi colorF" id="skin-btn"></a>
                    <div class="Bombbox">
                        <ul class="skin-list">
                            <li>
                                <a class="colorpick-btn" href="javascript:void(0)" data-val="black" id="default" style="background-color:#222A2D"></a>
                            </li>
                            <li>
                                <a class="colorpick-btn" href="javascript:void(0)" data-val="blue" style="background-color:#438EB9;"></a>
                            </li>
                            <li>
                                <a class="colorpick-btn" href="javascript:void(0)" data-val="green" style="background-color:#72B63F;"></a>
                            </li>
                            <li>
                                <a class="colorpick-btn" href="javascript:void(0)" data-val="gray" style="background-color:#41a2ff;"></a>
                            </li>
                            <li>
                                <a class="colorpick-btn" href="javascript:void(0)" data-val="red" style="background-color:#FF6868;"></a>
                            </li>
                            <li>
                                <a class="colorpick-btn" href="javascript:void(0)" data-val="purple" style="background-color:#6F036B;"></a>
                            </li>
                            <li>
                                <a class="colorpick-btn" href="javascript:void(0)" data-val="white" style="background-color:#FFFFFF;border: 1px solid #DDDDDD; color: #333333;"></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="notice-section  clickBombbox templateStyle">
                    <a href="javascript:void(0)" class="iconfont  notice-icon mode" data-name="left" id="Template_style" title="模版风格">&#xe69b</a>
                    <div class="Bombbox templatelist">
                        <a href="javascript:void(0)" class="templatename" data-style="top">
                            <img src="images/12.jpg">
                        </a>
                        <a href="javascript:void(0)" class="templatename" data-style="left">
                            <img src="images/13.jpg">
                        </a>
                    </div>
                </div>
                <div class="notice-section clickBombbox">
                    <a href="javascript:void(0)" class="iconfont icon-xiazai41 notice-icon mode" data-id="2"><em class="amount">3</em></a>
                    <div class="Bombbox Bombbox-info">
                        <ul class="tab_memu box padding10">
                            <li class="boxbox-flex2">
                                <a href="javascript:void(0)" class="memu_title btn btn-border clickBombbox" data-id="0">订单</a>
                            </li>
                            <li class="boxbox-flex2">
                                <a href="javascript:void(0)" class="memu_title btn btn-border clickBombbox" data-id="1">通知</a>
                            </li>
                            <li class="boxbox-flex2">
                                <a href="javascript:void(0)" class="memu_title btn btn-border clickBombbox" data-id="2">留言</a>
                            </li>
                        </ul>
                        <div class="tab-box">
                            <div class="tab-conent prompt_style ">
                                <ul class="menulist">
                                    <li class="prompt_info clearfix">
                                        <a href="javascript:void(0)" class="prompt_link menuUl_title" title="物流消息"  name="wuliu.html" data-id="56">
                                            <span class="text_name">发货订单</span>
                                        </a>
                                        <div class="message_summary">
                                            <em class="iconfont icon_prompt bg-green">&#xe65c</em>
                                            <span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
                                        </div>
                                    </li>
                                    <li class="prompt_info clearfix">
                                        <a href="javascript:void(0)" class="prompt_link menuUl_title" title="物流消息"  name="wuliu.html" data-id="56">
                                            <span class="text_name">评价订单</span>
                                        </a>
                                        <div class="message_summary">
                                            <em class="iconfont icon_prompt bg-green">&#xe65c</em>
                                            <span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-conent prompt_style ">
                                <ul class="menulist">
                                    <li class="prompt_info clearfix">
                                        <a href="javascript:void(0)" class="prompt_link menuUl_title" title="物流消息"  name="wuliu.html" data-id="56">
                                            <span class="text_name">物流通知</span>
                                        </a>
                                        <div class="message_summary">
                                            <em class="iconfont icon_prompt bg-bule">&#xe616</em>
                                            <span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
                                        </div>
                                    </li>
                                    <li class="prompt_info clearfix">
                                        <a href="javascript:void(0)" class="prompt_link menuUl_title" title="物流消息"  name="wuliu.html" data-id="56">
                                            <span class="text_name">系统通知</span>
                                        </a>
                                        <div class="message_summary">
                                            <em class="iconfont icon_prompt bg-bule">&#xe616</em>
                                            <span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-conent prompt_style ">
                                <ul class="menulist">
                                    <li class="prompt_info clearfix">
                                        <a href="javascript:void(0)" class="prompt_link menuUl_title" title="用户留言"  name="wuliu.html" data-id="56">
                                            <span class="text_name">用户留言</span>
                                        </a>
                                        <div class="message_summary">
                                            <em class="iconfont icon_prompt bg-red">&#xe67a</em>
                                            <span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
                                        </div>
                                    </li>
                                    <li class="prompt_info clearfix">
                                        <a href="javascript:void(0)" class="prompt_link menuUl_title" title="建议投诉"  name="wuliu.html" data-id="56">
                                            <span class="text_name">建议投诉</span>
                                        </a>
                                        <div class="message_summary">
                                            <em class="iconfont icon_prompt bg-red">&#xe67a</em>
                                            <span class="prompt-xinxi">你有订单还没有处理请及时处理，点击查看详细</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
                <a href="javascript:void(0)" class="radius roll-right fullscreen" id="fullscreen"><i class="iconfont">&#xe653</i></a>
            </div>
        </div>
    </div>
    <!--内容显示区-->
    <div class="bk-contents content-section">
        <!--栏目显示区-->
        <div class="bk-con-menu" id="bk-con-menu">
            <div class="menubtn">
                <span class="close_btn samebtn"><i>隐藏</i></span>
                <span class="show_btn samebtn"><i>显示</i></span>
            </div>
            <div class="breadcrumb" id="breadcrumb">
                <ul class="clearfix menu-section menulist" id="menu-section"></ul>
            </div>
        </div>
        <!--iframe内容显示区-->
        <div class="bk-con-message message-section" id="iframe_box">

        </div>
    </div>
    <!--底部显示区(当菜单栏显示在左侧时该模块位于内容显示区的上方)-->
    <div class="bk-footer footer-section">
        <div class="tab-column clearfix" id="tab-column">
            <ul class="tab-navigation " id="tab-navigation">
                <!--菜单地址快捷操作-->
            </ul>
        </div>
        <div class="inte-operation" id="operation">
            <a href="javascript:void(0)" class="dropdown iconfont">&#xe630</a>
            <div class="dropdown-menu dropdown-menu-right tab-menu-list" >
                <div class="title-name">选项卡操作</div>
                <ul class="tabslist" id="dropdown_menu">
                    <li>
                        <a class="tabReload" href="javascript:void(0);">刷新当前</a>
                    </li>
                    <li>
                        <a class="tabCloseCurrent" href="javascript:void(0);">关闭当前</a>
                    </li>
                    <li>
                        <a class="tabCloseAll" href="javascript:void(0);">全部关闭(除首页)</a>
                    </li>
                    <li>
                        <a class="tabCloseOther" href="javascript:void(0);">除此之外全部关闭</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="Lockscreen" style="display: none;">
    <div class="Promp_plate bg-red  mb15"><b>提示：</b>请输入解锁密码才能解锁屏幕</div>
    <div class="cell-item">
        <label class="cell-left label_name"><input name="" type="text" class="width200 mr10"></label>
        <div class="cell-right"><button type="button" class="btn height35 bg-deep-blue r_f" onclick="modifybtn()">解除锁屏</button></div>
    </div>

</div>
</body>
</html>
<script>
    //锁屏
    function Lockscreen(){
        html=BOX$('Lockscreen').innerHTML;
        SYSBOX.box.show(html,0,310,100,0,"",false);
    };
    var indexs = function(callback) {
        $.ajax({
            url: "json/index.json",
            type: "GET",
            dataType: 'json',
            success: function(ret) {
                typeof callback == 'function' && callback(ret);
            },
        });
    };
    indexs(function(listArr) {
        $("#situation").SYSFrame({

            data: listArr.data, //数据,支持API传输但需要保证数据格式一样
            menuopt: 'click', //点击菜单栏显示模式'click'和'hover'
            boxname: '.Bombbox', //弹框模块
            templateStyle:'#Template_style',//设置模版风格显示
            slide: '#breadcrumb',//设置菜单栏目样式属性
            cookieDate:7,//设置皮肤显示时间（天单位）
            minStatue:false, //默认显示或隐藏菜单栏  (true/false)
            rightclick: false, //是否启用右键功能(为true是右键失效，为false时右键显示)
            homepage:"index_home.html", // 设置默认显示页（id值必须为2，否则将出错）
            scrollbar:function(e){
                e.niceScroll({
                    cursorcolor: "#dddddd",
                    cursoropacitymax: 1,
                    touchbehavior: false,
                    cursorwidth: "3px",
                    cursorborder: "0",
                    cursorborderradius: "3px",
                });
            },//自定义滚动样式(可以自己写也可以用第三方插件)
            expand:function(thisBox,settings){
                settings.loading=('<div class="loader-inner ball-spin-fade-loader"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>'); //定义加载动画
                /**********************************************/
            }//自定义方法
        });
    });

    //退出系统
    function dropout(){
        layer.confirm('是否确定退出系统？', {
                btn: ['是','否'] ,//按钮
                icon:1,
            },
            function(){
                location.href="login.html";
            });
    };

</script>